<html>
  <head>
    <meta charset="utf-8"/>
    <script type="text/javascript" src="googlecharts.js"></script>
    <script type="text/javascript">
      google.load("visualization", "1.0", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', '热度'],
          ['TOP1',  5],
          ['TOP2',  6],
          ['TOP3',  7]
        ]);

        var options = {
          width:316,
          height:188,
          title: '',
          //chartArea:{left:20,top:10,width:"50%",height:"70%"},
          hAxis: {title: '', titleTextStyle: {color: 'red'}},
          vAxis: {gridlines: {count: 0}}
          //tooltip: {textStyle: {color: '#1E5494'}, showColorCode: true}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>